<template>
  <div id="my404">
    <h1>404</h1>
    <h3>页面不存在</h3>
    <hr/>
    <p>检查页面路径是否正确，或者去<a href="/page/home">首页</a></p>
  </div>
</template>
<style rel="stylesheet/less" scoped lang="less">

  #my404 {
    color: #666;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: fixed;
    top:50%;
    transform: translateY(-70%);
    right:0;
    left:0;

    h1 {
      font-size: 56px;
      line-height: 100px;
      font-weight: normal;
      color: #456;
    }

    h2 {
      font-size: 24px;
      color: #666;
      line-height: 1.5em;
    }

    h3 {
      color: #456;
      font-size: 20px;
      font-weight: normal;
      line-height: 28px;
    }

    hr {
      margin: 18px 0;
      border: 0;
      border-top: 1px solid #EEE;
      border-bottom: 1px solid white;
    }
  }
</style>